@import 'main.scss';
#container{
    width:100%;
    height:100%;
    @include flexBox;
    @include flex-direction(column);
    #carHeader{
        width:100%;
        height:37px;
        border-bottom:1px solid #EEEEEE;
        position: relative;
        line-height:37px;
        text-align: center;
        @include flexBox;
        @include flex-direction(row);
        color: #5E5E5E;
        background: #FAFAFA;
        .left{
            width:40px;
            height:100%;
            font-size:12px;
        }
        .rt{
            width:60px;
            height:100%;
            font-size:12px;
            font-weight:normal;
            b{
                font-size: 15px;
                color:#ccc;
            }
        }
        .box{
            flex: 1;
            line-height:37px;
            border-radius:5px;
            text-align: center;
            font-size:15px;
            font-weight: normal;
        }
    }
    #carContent{
        flex:1;
        width:100%;
        height:100%;
        @include flexBox;
        @include flex-direction(column);
        @include flex-center;
        background: #F6F6F6;
        .carp{
            width:108px;
            height:108px;
            background:#DDD5D7;
            border-radius:54px;
            line-height: 108px;
            text-align: center;
            font-size:60px;
            color:white;
            font-weight: normal;
        }
        .carc{
            font-size:13px;
            margin:10px 0;
            color:#666;
        }
        .btn{
            padding:5px 20px;
            background: #FF5777;
            height:20px;
            line-height: 20px;
            text-align:center;
            color:white;
            font-size:14px;
            border-radius:5px;
        }
    }
}
